<template>
  <div class="kv">
      <p class="title"><span>{{necessary ? '*' : ''}}</span> {{title}}</p>
      <slot></slot>
  </div>
</template>

<script>
export default {
    data () {
        return {
        };
    },

    props: {
        title: {
            required: true,
            type: String
        },
        necessary: {
            default: true,
            type: Boolean
        }
    },

    methods: {}
};

</script>
<style lang='stylus' scoped>
.title
    padding 10px 0
    font-weight 500
    font-size 16px
    span
        color #f00
</style>